﻿<%@ Page Title="" Language="C#" MasterPageFile="~/master/admin.master" AutoEventWireup="true" Inherits="admin_profile_add" Codebehind="profile.add.aspx.cs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="bodycontent" Runat="Server">
<h1><sh:NodeTitleLiteral id="NodeTitleLiteral1"  runat="server" /></h1>
<section class="detailed">
	<fieldset>
		<legend>تفاصيل الفرد</legend>
		<ol class="stacklist stack">
			
			<li>
				<label >الاسم</label>
				<input type="text" class="w6" />
			</li>
			<li>
				<label>تاريخ الميلاد</label>
				<input type="text" class="w2" data-behavior="UiDate" data-mindate="01-01-1996" data-maxdate="-1" /> 
			</li>			
			<li class="incols">
				<label>الجنس</label>
				<label class="col c1"><input type="radio" checked="checked" /> ذكر </label>
				<label class="col"><input type="radio" /> انثى</label>
						
			</li>
			<li>
				<label>وصفاً عاماً (هذا مايراه الزائر عن الفرد)</label>
				<textarea class="w6 hm"></textarea>
			</li>
			<li class="incols">
				<label>التصنيف</label>
				<div class="radiogroup clear">
				<label class="col c1"><input type="checkbox"  /> يتيم </label>
				<label class="col c1"><input type="checkbox"  /> طالب علم</label>
				<label class="col c1"><input type="checkbox"  /> مريض </label>
				<label class="col c1"><input type="checkbox"  /> الخ <%--add all types automatically--%></label>
				</div>
			</li>
		</ol>
	</fieldset>
	<fieldset>
		<legend>
			العائلة
		</legend>
		<div class="stack" data-behavior="RadioGroup" data-container="label">
			
			<p><label>اختر عائلة موجودة:</label>
			<input type="text" class="w6" placeholder="ابحث عن اسم الأب" />  <a href="#" class="icon isearch btnrev">ابحث</a>
			</p>
			<div class="indblock">
				<span class="light">3 نتائج:</span>
				<ul class="rowlist">
					<li>
						<label><input type="radio"  class="indelem" name="e1" /> <strong>عائلة احمد مطر</strong></label>
							<em>الأب: أحمد (متوفى), الأم: مليحة</em>
							<div class="level"><span class="l8">8/10</span></div>
		
							<p class="small">
							دير غبار | 5 اطفال | 	
							مصدر الدخل: يشي | المعيل: الأم<%--display relationship not name--%>
							</p>
					</li>
					<li>
						<label><input type="radio"  class="indelem" name="e1" /> <strong>عائلة احمد مطر</strong></label>
							<em>الأب: أحمد (متوفى), الأم: مليحة</em>
							<div class="level"><span class="l8">8/10</span></div>
		
							<p class="small">
							دير غبار | 5 اطفال | 	
							مصدر الدخل: يشي | المعيل: الأم<%--display relationship not name--%>
							</p>
					</li>
					<li>
						<label><input type="radio"  class="indelem" name="e1" /> <strong>عائلة احمد مطر</strong></label>
							<em>الأب: أحمد (متوفى), الأم: مليحة</em>
							<div class="level"><span class="l8">8/10</span></div>
		
							<p class="small">
							دير غبار | 5 اطفال | 	
							مصدر الدخل: يشي | المعيل: الأم<%--display relationship not name--%>
							</p>
					</li>
				</ul>
				
			
			<label class="selected"><input type="radio" checked="checked" class="indelem" name="e1" /> أو أضف عائلة جديدة</label>
			</div>
		</div>
	</fieldset>
	<fieldset>
		<legend>
		تفاصيل العائلة
		</legend>
		<ol class="stacklist stack">
			<li>
			<label>الاب</label>
				<input type="text" placeholder="الاسم الاول" class="w3" />
				<input type="text" placeholder="الأب" class="w2" />
				<input type="text" placeholder="الجد" class="w2" />
				<input type="text" placeholder="العائلة" class="w3" />
			</li>
			<li>
				<label><input type="checkbox"> هل الأب متوفى؟</label>
			</li>
			<li>
				<label>مكان السكن</label>
				<input type="text" class="w6" /> 
			</li>
			
		</ol>
	</fieldset>
	<fieldset>
		<legend>الوضع المادي</legend>
		<ol class="stacklist stack">
			<li>
				<label>المعيل</label>
				<input type="text" class="w3" /> 
			</li>
			<li>
				<label>ما صلة المعيل بالاطفال؟</label>
				<input type="text" class="w3" /> 
			</li>			
			<li>
				<label>الدخل الشهري</label>
				<input type="text" class="w3"> دينار
			</li>
			<li>
				<label>مصدر الدخل الشهري</label>
				<input type="text" class="w3">
			</li>
			<li>
				<label>درجة الحاجة (1 الاقل حاجة, 10 الاكثر عوزا)</label>
				<input type="range" min="1" max="10" step="1" value="5"> <%--TODO--%>
			</li>
		</ol>
	</fieldset>
	<div class="stack">
		<a href="individual" class="btnrev larger">احفظ</a>
	</div>
</section>
</asp:Content>

